
:root {
   //全局主题色 配置文件会做修改
   --md-primary-color:blue;
   //主色透明度75
   --md-primary-color-8:#666;

    //主色透明度40
    --md-primary-color-4:#999;
    //用于覆盖组件库主色f4f8ff
    --md-primary-color-light-1:#ecf4ff;
    --md-primary-color-light-2:#f4f8ff;
    --md-primary-color-light-3:#ecf4ff;
    --md-primary-color-light-4:#f4f8ff;
    --md-primary-color-light-5:#ecf4ff;
    --md-primary-color-light-6:#f4f8ff;
    --md-primary-color-light-7:#ecf4ff;
    --md-primary-color-light-8:#f4f8ff;
    --md-primary-color-light-9:#ecf4ff;

   //辅助色1 #ecf4ff
   --md-color-sub1:blue;
      // 辅助色1 透明度50
   --md-color-sub1-5:#999;
   //辅助色2 #ecf4ff
   --md-color-sub2:blue;
   //辅助色3 #f4f8ff
   --md-color-sub3:blue;


   --mg-color-sub2:var(--md-color-sub2);



  --md-fontFamily:pingfang SC,  microsoft yahei;
  --md-text-color1:#000; // 一级标题文字原色
  --md-text-color1:#666; // 二级标题文字颜色
  --md-text-color2:#999; // 段落内容文字颜色

  --md-text-disabled-:#999; // 段落内容文字颜色
  /**
    主题背景色，包括：
      1. windowBar背景色
      2. 顶部菜单栏（header）背景色
      3. 窗口栏背景色
      4. 模态框窗口背景色
  */
  --theme-background-color: #3561A8;

  --md-bg-color-model-tree:#eee; // 模型树的背景颜色

  --md-bg-color-footer:#eee; // 底部栏的背景色
  /**
    元素项选中时的颜色
  */
  --background-color-active: var(--md-primary-color);

  --md-button-bg-color-primary:blue; // 主按钮背景颜色
  --md-button-bg-color-primary-active:blue; // 主按钮按下时的背景颜色

  --md-button-bg-color-default:black; // 主按钮背景颜色

  --md-colo: var(--md-text-color1); // 可以引用其他变量

  --md-frame-title-bg-color: '#3561a8';
  --md-toolbar-bg-color: '#ecf4ff';
  --md-tab-bg-color: '#e6f0ff';
  --md-special-text-color: '#fff';
  --md-theme-color: '#7595F1';

}



// 弹窗的顶部栏背景色
$frame-title-bg-color: var(--md-primary-color); // #3561a8
$toolbar-bg-color: var(--md-color-sub2); // #ecf4ff
$titlebar-bg-color:var(--md-color-sub2);
$tab-gb-color: var(--md-color-sub2);  // 代替原来的#e6f0ff

//菜单hover
$menu-hover-bg-color: var(--md-color-sub2);


// 弹窗的侧边导航栏背景色
$frame-siderbar-bg-color: var(--md-color-sub3);  // 代替原来的#f4f8ff

// 属性table的间隔背景色
$nth-of-type-bg-color: var(--md-color-sub2); // 代替原来的 #e8eff7

// 主题色（选中的属性栏的背景色等）
$theme-color: var(--md-primary-color); // 代替原来的#1890ff

// 现在button checkbox等默认色系就是蓝色，如果主题色换了，下面要打开换颜色
//$el-button-color: #FF8363;

// 导航栏激活的背景色
$item-active-bg-color:  var(--md-color-sub2); // 代替原来的#F3F8FF

$border-color: #EbEEF5;

// 按钮的背景色
$btn-bg-color: var(--md-color-sub3);
// 按钮边框border色
$btn-border-color: #E0E0E0;

// 操作按钮icon的颜色（disabled状态）
$btn-disabled-color: #A8ABB2;

// 操作按钮icon的颜色（active、focus状态）
$btn-active-color: '';
